<ui:fragment xmlns="http://w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui">



	<div class="row-fluid">
		<div class="span3">
			<p:outputLabel styleClass="text-right" value="#{labelNome}"
				for="txtNome" />
		</div>
		<div class="span4">
			<p:inputText value="#{pessoa.nome}" id="txtNome" required="true"
				requiredMessage="Nome: O campo não pode ser vazio."></p:inputText>
		</div>
		<div class="span5">
			<p:message for="txtNome" />
		</div>
	</div>


	<p:outputPanel layout="block" id="pnlDadosTipoPessoaFisica"
		rendered="#{pessoaMB.flagPessoaFisica}">

		<ui:include src="frmPessoaFisica.xhtml">
			<ui:param name="pessoa" value="#{pessoa}" />
		</ui:include>

	</p:outputPanel>


	<p:outputPanel layout="block" id="pnlDadosTipoPessoaJuridica"
		rendered="#{!pessoaMB.flagPessoaFisica}">

		<ui:include src="frmPessoaJuridica.xhtml">
			<ui:param name="pessoa" value="#{pessoa}" />
		</ui:include>

	</p:outputPanel>


	<p:outputPanel id="pnlEmail" layout="block" styleClass="row-fluid">
		<div class="span3">
			<p:outputLabel styleClass="text-right" value="E-mail" for="txtEmail" />
		</div>
		<div class="span4">
			<p:inputText value="#{pessoa.email}" id="txtEmail" required="true"
				requiredMessage="E-mail: Deve ser informado um e-mail válido.">
				<p:ajax event="blur" update="pnlEmail"></p:ajax>
				<f:attribute name="idPessoa" value="#{pessoa.id}" />
				<f:validator binding="#{emailValidator}">
				</f:validator>
			</p:inputText>
		</div>
		<div class="span5">
			<p:message for="txtEmail" id="msgEmail" />
		</div>
	</p:outputPanel>


	<div class="row-fluid">
		<div class="span3">
			<p:outputLabel styleClass="text-right" value="Telefone 1"
				for="txtTelefone" />
		</div>
		<div class="span4">
			<p:inputMask value="#{pessoa.telefone1}" mask="(99) 99999999?9"
				required="true" id="txtTelefone">
			</p:inputMask>
		</div>
		<div class="span5">
			<p:message for="txtTelefone" />
		</div>
	</div>


	<div class="row-fluid">
		<div class="span3">
			<p:outputLabel styleClass="text-right" value="Telefone 2"
				for="txtCelular" />
		</div>
		<div class="span4">
			<p:inputMask value="#{pessoa.telefone2}" mask="(99) 99999999?9"
				id="txtCelular">
			</p:inputMask>
		</div>
	</div>

	<div class="row-fluid">
		<div class="span3">
			<p:selectBooleanCheckbox styleClass="float-right" id="txtNews"
				value="#{pessoa.newsLetter}"></p:selectBooleanCheckbox>
		</div>
		<div class="span4">
			<p:outputLabel
				value="Desejo receber e-mail de novidades e promoções."
				for="txtNews" />
		</div>
	</div>
</ui:fragment>